define(['jquery', 'cookie'], function ($, cookie) {

	// 获取数据
	var homeAjax = function () {
		$.ajax({
			// url: 'http://10.0.164.211:8888/resource/home.json',
			// url: 'http://192.168.123.119:8888/resource/home.json',
			// 新浪云
			url: 'http://www.quickbeewy.applinzi.com/resource/home.json',
			type: 'GET',
			success: function (response) {
				manageData(response);
			}
		});

		// 获取地址信息拼接到头部
		$('#address').text($('#addressContainer').text());
		$('#address').css('textAlign', 'center');
	}

	function manageData(response) {
 		// 获取有用数据
 		var data = response.data.act_info;

 		// 获取轮播图数据对象
 		var imgArr = data[0].act_rows;
 		rowImg(imgArr);

 		// 获取链接位数据
 		var linkArr = data[1].act_rows;
 		fillLink(linkArr);

 		// 获取广告位数据
 		var adArr = data[3].act_rows;
 		fillAd(adArr);

 		// 获取fillStoreTop数据，775
 		var storeTop = data[4].act_rows;
 		fillStore(storeTop);

 		// 获取优选水果数据，category_detail，943
 		var fruit = data[5].act_rows;
 		fruitModule(fruit);
	}

	var timer;
	// 轮播图函数
	function rowImg(imgArr) {
		clearInterval(timer);
		// 获取容器宽度并赋值给图片
		var boxWidth = $('#banner').css('overflow', 'hidden').width();

		for (let i = 0; i < imgArr.length; i++) {
 			// 获取图片链接
 			var imgUrl = imgArr[i].activity.img;
 			// 创建图片对象和控制原点
 			var img = $('<img>').attr('src', imgUrl).css('width', boxWidth);
 			var div = $('<div></div>').addClass('ctrlBtn');
			$('#rowImg').append(img);
			$('#imgControl').append(div);
 		}
 		// 初始化轮播图数据
 		// 复制第一张图片拼到最后
 		var cloneImg = $('#rowImg img').eq(0).clone();
 		// 移动的容器(容器宽度需注意)
 		$('#rowImg').width(boxWidth * (imgArr.length + 1)).addClass('clear').css({
 			'position': 'absolute',
 			'left': '0',
 			'top': '0'
 		}).append(cloneImg);

 		// 控制圆点初始化颜色
 		$('#imgControl div').eq(0).css('backgroundColor', '#FFD600');
 		// 设置容器高度
 		// $('#banner').css('height', $('#rowImg img').height() + 'px');

 		// 开始轮播
 		var index = 0;
 		timer = setInterval(row, 2000);

 		// startTime和endTime控制触摸间隔，避免用户快速滑动轮播图出现bug
 		var timeFlag = true;
 		var startX = endX = startTime = endTime = 0;
 		// 添加事件
 		$('#rowImg')[0].addEventListener('touchstart', function (e) {
 			// 记录开始时间
 			startTime = new Date().getTime();

 			// 如果两次滑动时间小于300, 则把timeFlag设置为false，使后续的图片滑动无法进行
 			if (startTime - endTime < 450) {
 				timeFlag = false;
 			} else {
 				timeFlag = true;
 			}

 			var touch = e.targetTouches[0];
 			startX = touch.pageX;
 		});
 		$('#rowImg')[0].addEventListener('touchmove', function (e) {
 			var touch = e.targetTouches[0];
 			endX = touch.pageX;
 		});
 		$('#rowImg')[0].addEventListener('touchend', function (e) {
 			// 记录停止时间
 			endTime = new Date().getTime();

 			if (timeFlag) {
	 			// 图片滚动的判断
	 			if (endX - startX < -30) {
	 				clearInterval(timer);
	 				row();
	 				timer = setInterval(row, 2000);
	 			}
	 			if (endX - startX > 30) {
	 				clearInterval(timer);
	 				index--;

	 				// 超越边界时，与正向同理。把图片容器位移切换到最后一张图片(我们曾把第一张图片拼接到末尾)，index改为倒数第二张图片
	 				if (index < 0) {
	 					$('#rowImg').css('left', boxWidth * ($('#rowImg img').length - 1)  * -1);
	 					index = $('#rowImg img').length - 2;
	 				}
	 				$('#rowImg').animate({left: boxWidth * index * -1 + 'px'}, 500);
	 				rowCon();
	 				timer = setInterval(row, 2000);
	 			}
 			}

 		});

 		// 图片滚动函数
 		function row() {
 			index++;
	 		// 修改图片
 			if (index > imgArr.length) {
 				index = 1;
 				// 初始化图片和圆点
 				$('#rowImg').css('left', '0');
 			}
 			$('#rowImg').animate({left: boxWidth * index * -1 + 'px'}, 500);

 			rowCon();
 		}
 		// 修改圆点样式
 		function rowCon() {
	 		for (let i = 0; i < imgArr.length; i++) {
	 			$('#imgControl div').eq(i).css('backgroundColor', 'white');
	 		}
	 		if (index > imgArr.length - 1) {
 				$('#imgControl div').eq(0).css('backgroundColor', '#FFD600');
 			}
	 		$('#imgControl div').eq(index).css('backgroundColor', '#FFD600');
 		}
	}

	// 填充链接位数据
	function fillLink(linkArr) {
		// 盛放拼接的字符串
		var domStr = '';
		// 获取数据拼接
		for (let i = 0; i < linkArr.length; i++) {
			// 获取名字并拼接
			var names = linkArr[i].activity.name;
			var str = '<div class="linkItem">' +
						'<div class="linkBg"></div>' +
						'<span class="linkText">' + names + '</span>' +
					   '</div>';
			domStr += str;
		}
		// 获取区域容器拼接数据
		$('#link').html(domStr);
		// 拼接数据后修改背景图
		for (let j = 0; j < $('.linkBg').length; j++) {
			// 获取图片地址并拼接
			var imgUrl = linkArr[j].activity.img;
			$('.linkBg').eq(j).css('backgroundImage', 'url('+ imgUrl +')');
		}
	}

	// 广告图数据
	function fillAd(adArr) {
		var domStr = '';
		// 数据中ad有四组数据，页面只有三个
		for (let i = 0; i < 3; i++) {
			var str = '<div></div>';
			domStr += str;
		}
		$('#ad').html(domStr);
		for (let j = 0; j < 3; j++) {
			var imgUrl = adArr[j].activity.img;
			$('#ad div').eq(j).css('backgroundImage', 'url(' + imgUrl + ')');
		}
	}

	// 便利一小时
	function fillStore(storeTop) {
		// 顶头banner
		var topBanner = storeTop[0].act_rows;
		$('#storeBg').css('backgroundImage', 'url(' + topBanner[0].chead_detail.img + ')');
		// 两个热销
		var hotSell = storeTop[1].act_rows;
		$('#hotSell div').eq(0).css('backgroundImage', 'url(' + hotSell[0].cactivity_detail.img + ')');
		$('#hotSell div').eq(1).css('backgroundImage', 'url(' + hotSell[1].cactivity_detail.img + ')');
		// 牛奶面包
		var milk = storeTop[2].act_rows;
		for (let i = 0; i < milk.length; i++) {
			// 背景图
			$('.moreBg').eq(i).css('backgroundImage', 'url(' + milk[i].cicons_detail.img + ')');
			// 文字
			$('.moreText').eq(i).text(milk[i].cicons_detail.name);
		}
		// 零食
		var snacks = storeTop[3].act_rows;
		// 原数据有很多图片，此处选用两个
		$('#snacks div').eq(0).css('backgroundImage', 'url(' + snacks[0].activity.img + ')');
		$('#snacks div').eq(1).css('backgroundImage', 'url(' + snacks[2].activity.img + ')');
	}

	// 模块
	function fruitModule(fruit) {

		var colorArr = ['#F38631', '#20B1FA', '#7B4D03', '#E80013', '#E80013', '#1EB2A3'];

		for (let i = 0; i < fruit.length; i++) {
			// 每个fruit[i]为一个模块
			// fruit[i].category_detail.name模块名
			// fruit[i].activity.img 模块banner
			// fruit[i].category_detail.goods数组，模块具体商品
			// console.log(fruit[i]);

			// 创建一个容器class=module
			var $div = $('<div></div>').addClass('module');
			// append到main中
			$('#main').append($div);

			// 上半部内容
			var strTop = '<div class="title">' +
						'<h3 class="head" style="color:' + colorArr[i] + ';">' +
							'<span class="homeMark" style="background-color:' + colorArr[i] + ';"></span>' +
							fruit[i].category_detail.name +
						'</h3>' +
						'<span class="titleMore">更多</span>' +
					'</div>' +
					'<img src="' + fruit[i].activity.img + '" alt="" class="bannerImg">';

			// 具体商品
			var goods = fruit[i].category_detail.goods;
			/*goods[0].img
			goods[0].name
			goods[0].specifics
			goods[0].price*/

			var strGoods = '<div class="bottom">' +
							'<div>' +
								'<div class="box">' +
									'<img src=' + goods[0].img + 'alt="" class="proImg">' +
									'<div class="intro">' + goods[0].name + '</div>' +
									'<span class="sel">精选</span>' + '<span class="pm_desc">' + goods[0].pm_desc + '</span>' +
									'<div class="num">' + goods[0].specifics + '</div>' +
									'<div class="price">' + goods[0].price + '</div>' +
									'<div class="cIcon"></div>' +
								'</div>' +
							'</div>' +
							'<div>' +
								'<div class="box">' +
									'<img src=' + goods[1].img + 'alt="" class="proImg">' +
									'<div class="intro">' + goods[1].name + '</div>' +
									'<span class="sel">精选</span>' + '<span class="pm_desc">' + goods[1].pm_desc + '</span>' +
									'<div class="num">' + goods[1].specifics + '</div>' +
									'<div class="price">' + goods[1].price + '</div>' +
									'<div class="cIcon"></div>' +
								'</div>' +
							'</div>' +
							'<div>' +
								'<div class="box">' +
									'<img src=' + goods[2].img + 'alt="" class="proImg">' +
									'<div class="intro">' + goods[2].name + '</div>' +
									'<span class="sel">精选</span>' + '<span class="pm_desc">' + goods[2].pm_desc + '</span>' +
									'<div class="num">' + goods[2].specifics + '</div>' +
									'<div class="price">' + goods[2].price + '</div>' +
									'<div class="cIcon"></div>' +
								'</div>' +
							'</div>' +
						'</div>';
			// 把两个字符串拼接进文档
			$div.html(strTop + strGoods);
		}

		var username = cookie.getCookie('username');
		var password = cookie.getCookie('password');
		if (username == '18310148117' && password == '123456') {
			// 加购物车的角标
			for (let i = 0; i < $('.cIcon').length; i++) {
				$('.cIcon')[i].addEventListener('touchend', function () {
					var countText = parseInt($('#count').text());
					$('#count').css('display', 'inline-block');
					$('#count').text(++countText);
					if (countText <= 0) {
						$('#count').css('display', 'none');
					}
					if (countText >= 100) {
						$('#count').css('padding', '.05rem .05rem');
					}
				});
			}

		}

	}

	return {
		homeAjax: homeAjax
	}

});